.banner{
  swiper{
    width: 750rpx;
    height: 340rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
}

.cates{
  display: flex;
  navigator{
    flex: 1;
    padding: 20rpx;
    image{
      width: 100%;
    }
  }
}

.floor{
  .floor_group{
    // 清除浮动
    overflow: hidden;
    .floor_title{
      padding: 10rpx 0;
      image{
        width: 100%;
      }
    }
    .floor_content{
      navigator{
        float: left;
        width: 33.3%;
        
        // 后四个图片的高度
        // 232 / 386 = 33.3vw / height
        &:nth-last-child(-n+4){
          height: 33.3vw / 232 *386 / 2;
          border-left: 10rpx solid #fff;
        }
        &:nth-child(2),
        &:nth-child(3){
          border-bottom: 10rpx solid #fff;
        }
        image{
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}